<%	// Check Privilege
	Account account = (Account) session.getAttribute("account");
	if(account == null){
	    response.sendRedirect("../CheckPrivilegeServlet");
	}else{
	    if(account.getPrivilege() != Privilege.ADMIN){%>
	    	<jsp:include page="error.jsp"></jsp:include>
   		<%}else{
	%>
<%@page import="model.bean.Account"%>
<%@page import="common.Privilege"%><jsp:include page="common/header.jsp"></jsp:include>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style type="text/css">
.form-control {
	width: 50%;
	margin: 0 auto;
}
</style>
<script type="text/javascript">
	function checkValid() {
		var message = "";
		var newpass = frAdd.elements["password"].value;
		var rnewpass = frAdd.elements["rpassword"].value;
		if(newpass != rnewpass){
			message += "- Mật khẩu nhập lại không đúng";
		}
		if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(frAdd.email.value)))  
		{  
		   message += "</br>" + "- Nhập lại email";
		}    
		var x = document.forms["frAdd"]["phone"].value;
	    if (isNaN(x))
	    {
	    	message += "</br>" + "- Nhập lại số điện thoại";
	    }
		if( message != ""){
			document.getElementById('err').innerHTML = message;
			return false;
		}else{
			return true;
		}
	}
</script>
<div id="page-wrapper">
	<form name= "frAdd" onsubmit="return checkValid();" action="${pageContext.request.contextPath}/ManageAccountServlet?action=addNewAccount" method="POST">
		<div class="panel panel-default"  style = "background: none;">
			<div class="panel-heading" style="font-size: 2.0em">Thêm mới tài khoản</div>
			<div class="panel-body" style = "padding-left: 20%;">
				<label id = "err" style = "color: red; padding-left: 20%;"> ${message} </label>
				<div class="form-group">
					<label>Tên tài khoản </label> <input class="form-control" id = "accountName" name = "accountName"
						type="text" required="required">
				</div>
				<div class="form-group">
					<label>Mật khẩu: </label> <input class="form-control" id = "password" name = "password"
						type="password" required="required">
				</div>
				<div class="form-group">
					<label>Nhập lại mật khẩu: </label> <input class="form-control" id = "rpassword" name = "rpassword"
						type="password">
				</div>
				<div class="form-group">
					<label>Chức vụ: </label> <select class="form-control" id = "privilege" name = "privilege">
						<option value="1">Quản trị</option>
						<option value="2">Quản lý Tour</option>
						<option value="3">Quản lý dịch vụ</option>
						<option value="4">Quản lý tin tức</option>
						<option value="5">Tiếp cận khách hàng</option>
					</select>
				</div>
				<fieldset>
					<legend>Thông tin cá nhân:</legend>
					<div class="form-group">
						<label>Họ tên: </label> <input class="form-control" type="text" id = "fullName" name = "fullName"
							required="required">
					</div>
					<div class="form-group">
						<label>Giới tính: </label> <select class="form-control" id = "gender" name = "gender">
							<option value="false">Nữ</option>
							<option value="true">Nam</option>
						</select>
					</div>
					<div class="form-group">
						<label>Ngày sinh: </label> <input class="form-control" type="date" id = "dob" name = "dob">
					</div>
					<div class="form-group">
						<label>Email: </label> <input class="form-control" type="text" id = "email" name = "email" placeholder="mail@example.com" >
					</div>
					<div class="form-group">
						<label>Phone: </label> <input class="form-control" type="text" id = "phone" name = "phone" placeholder="Số điện thoại">
					</div>
					<div class="form-group">
						<label>Ảnh đại diện </label> <input class="form-control" type="file" id = "avatar" name = "avatar"> 
					</div>
				</fieldset>
				<div style="margin: 0 auto;">
					<button type="submit" class="btn btn-success btn-sm">Thêm mới</button>
					<button type="reset" class="btn btn-warning btn-sm">Xóa</button>
				</div>
			</div>
		</div>
	</form>
</div>
<!-- /. PAGE WRAPPER  -->
<jsp:include page="common/footer.jsp"></jsp:include>
<% } }%>